<template>
  <template v-for="(menu, index) in menus" :key="index">
    <lay-menu-item :id="menu.routeUrl">
      <template #icon>
        <lay-icon :type="menu.menuIcon"></lay-icon>
      </template>
      <template #title>{{ menu.menuName }}</template>
    </lay-menu-item>
  </template>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "GlobalMainMenuItem",
  props: {
    menus: {
      type: Object,
    },
  },
});
</script>
